<script setup>
import { provide, ref } from 'vue'
import Son from './components/Son.vue'

// 父组件自己的数据money.value
const money = ref(1000)

// 父组件有能力去改数据,  => 调用changeMoney即可
const changeMoney = (val) => {
  money.value -= val
}
//希望父组件能够将数据, 共享给所后代的组件
// 依赖注入 provide(提供) inject(注入)
// proide(数据名, 数据)
// 1. 父组件提供数据 => 默认所有的后代组件都可以使用, 但是需要inject
provide('money1', money)
provide('changeMoney', changeMoney)
</script>

<template>
  <div>123</div>
  <Son :money="money"></Son>
</template>
